<template>
	<el-container>
	      <el-header style="height: 60px;line-height: 60px; background-color: #00aaff;color: white;display: flex;justify-content: space-between;">
			  <h1>焦作师专新闻后台管理系统</h1>
			  <div>
				  <el-button type="text" style="font-size: 1.5rem;" @click="toIndex()">回到首页</el-button>
			  </div>
		  </el-header>
	      <el-container>
	        <el-aside width="200px">
				<el-menu style="height: 100%;"
				        active-text-color="#ffd04b"
				        background-color="#545c64"
				        class="el-menu-vertical-demo"
				        default-active="2"
				        text-color="#fff"
				        @open="handleOpen"
				        @close="handleClose"
				      >
				        
				        <el-menu-item index="1" @click="newsList()">
				          <el-icon><icon-menu /></el-icon>
				          <span >新闻管理</span>
				        </el-menu-item>
						<el-menu-item index="2" @click="userList()">
						  <el-icon><icon-menu /></el-icon>
						  <span >用户管理</span>
						</el-menu-item>
				        
				      </el-menu>
			</el-aside>
	        <el-main><router-view></router-view></el-main>
	      </el-container>
	    </el-container>
	
</template>

<script>
	export default{
		data() {
			
		},
		methods:{
			//新闻管理
			newsList(){
				this.$router.push('/newsList')
			},
			//用户管理
			userList(){
				this.$router.push('/userList')
			},
			toIndex(){
				this.$router.push('/')
			}
		}
	}
</script>

<style>
</style>